<script>
import {computed} from "vue";
import {mapActions, mapState} from "vuex";
import AMapLoader from "@amap/amap-jsapi-loader";

export default {
  data(){
    return{
      map: null,
      containerName:"mapList"
    }
  },
  name: "AMapSingleView",
  async created() {
    await this.loadMapContainer({containerName: this.containerName})
  },
  methods: {
    ...mapActions('mapList',{
      loadMapContainer:'loadMapContainer',
    })
  },
  computed: {

  }
}
</script>

<template>
  <div id="map">
    <div id="mapList"></div>
  </div>
</template>

<style scoped>

#map{
  width: 100%;
  position: relative;
  height: 70vh;
}
#mapList{
  height: 100%;
}
</style>